@import './variables.scss';
@import './base.scss';

// 全局样式重置
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

// 页面容器基础样式
.page-container {
  min-height: 100vh;
  background-color: $bg-color;
  padding-top: 56px;
  padding-bottom: 20px;
}

// Vant 组件全局样式覆盖
:root {
  --van-primary-color: #{$primary-color};
  --van-danger-color: #{$danger-color};
  --van-warning-color: #{$warning-color};
  --van-success-color: #{$success-color};
  --van-text-color: #{$text-primary};
  --van-text-color-2: #{$text-regular};
  --van-text-color-3: #{$text-secondary};
  --van-font-size-xs: #{$font-size-small};
  --van-font-size-sm: #{$font-size-small};
  --van-font-size-md: #{$font-size-normal};
  --van-font-size-lg: #{$font-size-medium};
  --van-padding-xs: #{$spacing-mini};
  --van-padding-sm: #{$spacing-small};
  --van-padding-md: #{$spacing-medium};
  --van-padding-lg: #{$spacing-large};
  --van-radius-md: #{$border-radius-medium};
  --van-radius-lg: #{$border-radius-large};
}

// 导航栏通用样式
.van-nav-bar {
  @include nav-bar;
}

// 卡片通用样式
.card {
  @include card-style;
  margin: $spacing-small;
}

// 列表项通用样式
.list-item {
  @include elderly-friendly-list-item;
}

// 按钮通用样式
.primary-button {
  @include primary-button;
}

// 标题通用样式
.section-title {
  @include section-title;
}

// 图标通用样式
.large-icon {
  font-size: $large-icon-size;
  color: $primary-color;
}

// 文本样式
.text-primary {
  color: $text-primary;
  font-size: $font-size-normal;
}

.text-secondary {
  color: $text-secondary;
  font-size: $font-size-small;
}

.text-large {
  @include large-text;
}

// 间距工具类
.margin-top {
  margin-top: $spacing-medium;
}

.margin-bottom {
  margin-bottom: $spacing-medium;
}

.padding {
  padding: $spacing-medium;
}

// 老年人友好的表单样式
.elderly-form {
  .van-field__label {
    font-size: $font-size-normal;
    color: $text-primary;
    font-weight: bold;
  }

  .van-field__control {
    font-size: $font-size-normal;
  }
}

// 底部安全区域
.safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

// 无障碍支持
[role="button"] {
  cursor: pointer;
}

// 加载状态
.loading-container {
  @include flex-center;
  min-height: 200px;
} 